
<template>
  <div>
    <h1>我是子组件</h1>
  </div>
</template>

<script setup>
  import {defineProps} from 'vue'

  // 5. defineProps的ts写法
  // const props = defineProps(["ff","sdfsdf"])
//   const props = defineProps({
//     money: {
//       type: Number,
//       required: true
//     },
//     car: {
//       type: String,
//       required: false,
//       default: '宝马车'
//     }
// })
// ts写法的defineProps  car:"宝马车"默认值
// const props = defineProps<{
//   money: number
//   car?: string
// }>({
//   car:"宝马车"
// })
// console.log(props.money)
// console.log(props.car)
// 带默认值 并解构的 父传子定义的props---------------------
// const { money, car = "宝马车" } = defineProps<{
//   money: number
//   car?: string
// }>();

</script>
